<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Studeon</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
	</head>
	<body style="min-width: 1500px;">
		<header>
			<div class="clearfix w">
				<div class="fl logo"><img src="images/logo.png" alt=""></div>
				<ul class="navigation fl clearfix ">
					<li class="fl home"><a href="">Home</a></li>
					<li class="fl letter_title">
						<a href="">About</a>
					</li>
					<li class="fl letter_title">
						<a href="">Portfolio</a>
					</li>
					<li class="fl letter_title Features">
						<a href="">Features</a>
						<ul class="subnav">
							<li><a href="">简洁</a></li>
							<li><a href="">美观</a></li>
							<li><a href="">大方</a></li>
						</ul>
					</li>
					<li class="fl letter_title">
						<a href="">Blog</a>
					</li>
					<li class="fl letter_title">
						<a href="">Contact</a>
					</li>
				</ul>
				<div class="navigation_two fr clearfix">
					<div class="navigation_icon fr"></div>
					<div class="navigation_icon fr"></div>
					<div class="navigation_icon fr"></div>
					<div class="navigation_icon fr"></div>
					<div class="navigation_icon fr"></div>
					<div class="navigation_icon fr"></div>
				</div>
			</div>
		</header>
		<div class="main">
			<div class="banner">
				<div class="w">
					<div class="fl">
						<div class="banner_img_one"><img src="images/banner_l_03.png" alt=""></div>
						<div class="banner_box_top">
							<div class="banner_box bd fl"></div>
							<div class="banner_box bd fl"></div>
							<div class="banner_box bd fl"></div>
							<div class="banner_box bd fl"></div>
						</div>
					</div>
					<div class="banner_img_two fl"><img src="images/slide1.png" alt=""></div>
				</div>
			</div>
			<div class="main_text w">
				<div class="text">
					<div class="t1">
						EVENTS PLANNING
					</div>
					<div class="t2">
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.
					</div>
				</div>
				<div class="text">
					<div class="t1">
						MASTERING DESIGN
					</div>
					<div class="t2">
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.
					</div>
				</div>
				<div class="text">
					<div class="t1">
						EXPERT DEVELOPERS
					</div>
					<div class="t2">
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.
					</div>
				</div>
				<div class="text">
					<div class="t1">
						ATTENSION TO DETAILS
					</div>
					<div class="t2">
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.
					</div>
				</div>
				<div class="text">
					<div class="t1">
						ANOTHER COOL SERVICE.
					</div>
					<div class="t2">
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.
					</div>
				</div>
				<div class="text">
					<div class="t1">
						EVENTS PLANNING
					</div>
					<div class="t2">
						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.
					</div>
				</div>
			</div>
			<div class="w">
				<hr>
				<hr>
			</div>
			<div class="main_text_two w">
				<div class="text_two fl">
					<div class="clearfix">
						<div class="fl">
							<div class="t1">HI THERE. I AM A THEME, WITH ATTITUDE. I AM ALSO RESPONSIVE, EASY DO EDIT. WHY DON'T YOU TRY ME
								?
							</div>
							<div class="t2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit
								nec Quisque quis nulla vel dolor ultrices sit amet.
							</div>
						</div>
						<div class="t3 fl">
							BUY NOW !
						</div>
					</div>
				</div>
			</div>
			<div class="portfolio w">
				<div class="fl">
					<div class="clearfix">
						<div class="t fl">
							THE PORTFOLIO
						</div>
						<div class="line fl">
							<hr />
							<hr />
						</div>
					</div>
				</div>
				<div class="images fl">
					<div class="clearfix">
						<div class="img_p fl"><img src="images/p1.jpg" alt="">
							<div class="t1">
								I AM AN AMAZING PROJECT
							</div>
							<div class="t2">
								Lorem ipsum dolor sit amet,<br>
								consectetur adipiscing elit. Quisque quis nulla amet. turpis.
							</div>
						</div>
						<div class="img_p fl"><img src="images/p2.jpg" alt="">
							<div class="t1">
								I AM AN AMAZING PROJECT
							</div>
							<div class="t2">
								Lorem ipsum dolor sit amet,<br>
								consectetur adipiscing elit. Quisque quis nulla amet. turpis.
							</div>
						</div>
						<div class="img_p fl"><img src="images/p3.jpg" alt="">
							<div class="t1">
								I AM AN AMAZING PROJECT
							</div>
							<div class="t2">
								Lorem ipsum dolor sit amet,<br>
								consectetur adipiscing elit. Quisque quis nulla amet. turpis.
							</div>
						</div>
						<div class="img_p fl"><img src="images/p4.jpg" alt="">
							<div class="t1">
								I AM AN AMAZING PROJECT
							</div>
							<div class="t2">
								Lorem ipsum dolor sit amet,<br>
								consectetur adipiscing elit. Quisque quis nulla amet. turpis.
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="w">
				<hr>
				<hr>
			</div>
			<div class="main_text_two m_three w">
				<div class="text_two t_three fl">
					<div class="clearfix">
						<div class="fl">
							<div class="t1">SUBSCRIBE TO OUR NEWSLETTER. WE HATE SPAM AS MUCH AS YOU DO, SO NO WORRIES.
							</div>
							<div class="t2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit
								nec Quisque quis nulla vel dolor ultrices sit amet.
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="portfolio w">
				<div class="fl">
					<div class="clearfix">
						<div class="t t_two fl">
							OUR BLOGGY
						</div>
						<div class="line line_two fl">
							<hr />
							<hr />
						</div>
						<div class="t t_one fl">
							TESTIMONIALS
						</div>
						<div class="line line_three fl">
							<hr />
							<hr />
						</div>
					</div>
				</div>
				<div class="images_two fl">
					<div class="clearfix">
						<div class="img_one fl"><img src="images/b1.jpg" alt="">
							<div class="t1">
								JUST A COOL BLOG POST TITLE HERE.
							</div>
							<div class="t2">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit
								amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.
							</div>
							<div class="t3">
								Read more
							</div>
						</div>
						<div class="img_one fl"><img src="images/b2.jpg" alt="">
							<div class="t1">
								JUST A COOL BLOG POST TITLE HERE.
							</div>
							<div class="t2">
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit
								amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.
							</div>
							<div class="t3">
								Read more
							</div>
						</div>
						<div class="img_two fl">
							<div class="img_2">
								<p>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</p>
								<p>pLinda Scott / Webdesigner</p>
								<a href="">http://www.mywebsite.com</a>
							</div>
							<div class="img_2_text">
								<i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec
									sit amet. turpis.</i>
							</div>
							<div class="img_2">
								<p>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</p>
								<p>pLinda Scott / Webdesigner</p>
								<a href="">http://www.mywebsite.com</a>
							</div>
							<div class="img_2_text">
								<i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec
									sit amet. turpis.</i>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="footer_one">
				<div class="w clearfix">
					<div class="fl">
						<div class="footer_text_one">
							ABOUT STUDEON
							<hr />
							<hr />
						</div>
						<div class="p_t1">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu<br>
								neque, at convallis est felis.</p>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu<br>
								neque, at convallis est felis.</p>
						</div>
					</div>
					<div class="fl">
						<div class="footer_text_one footer_text_two">
							THE TAGS
							<hr />
							<hr />
						</div>
						<div class="p_t2">
							<p class="fl">Awesome</p>
							<p class="fl">Strategy</p>
							<p class="fl">Photography</p>
							<p class="fl">Development</p>
							<p class="fl">Css</p>
							<p class="fl">photoshop</p>
							<p class="fl">Html</p>
							<p class="fl">Awesome</p>
							<p class="fl">Strategy</p>
							<p class="fl">Photoshop</p>
							<p class="fl">Html</p>
						</div>
					</div>
					<div class="fl">
						<div class="footer_text_one footer_text_three">
							LATEST TWEETS
							<hr />
							<hr />
						</div>
						<div class="p_t3">
							<p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
							<p>ABOUT 15 MINS</p>
							<p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
							<p>ABOUT 15 MINS</p>
						</div>
					</div>
					<div class="fl">
						<div class="footer_text_one footer_images">
							FLICKR FEED
							<hr />
							<hr />
						</div>
						<div class="f_img">
							<div class="fl"><img src="images/f1.png" alt=""></div>
							<div class="fl"><img src="images/f2.png" alt=""></div>
							<div class="fl"><img src="images/f3.png" alt=""></div>
							<div class="fl"><img src="images/f4.png" alt=""></div>
							<div class="fl"><img src="images/f3.png" alt=""></div>
							<div class="fl"><img src="images/f2.png" alt=""></div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer_two">
				<div class="w f_icon">
					<p>Copyright &copy; 2015 All rights Reserved | Template by<a> W3layouts</a></p>
				</div>
			</div>
		</footer>
	</body>
</html>
